/*清除浮动*/
.clearfix{
	zoom:1;

	&:after{
		display:block;
		content: '',
		clear:both;
	}
}
/*垂直居中*/
.align_center{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 500px;
	margin-top: -450px;
	margin-left: -250px;
}
.align_center1{
	position: absolute;
	top: 50%;
	left: 50%;
	transition: transform(-50%,-50%);
}
.align_center--flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*省略号*/
.text-elipisis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-elipisis--more{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkie-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
/*字体模糊效果*/
.txt-mohu{
	color: transparent;
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
}
/*自定义文本选择样式*/
element::selection{
	color: green;
	background-color: pink;
}
element::-moz-selection{
	color: green;
	background-color: pink;
}
/*placeholder 样式*/
input::-webkit-input-placeholder{
  color: green;
  background-color: #F9F7F7;
  font-size: 14px;
}
input::-moz-input-placeholder{
  color: green;
  background-color: #F9F7F7;
  font-size: 14px;
}
input::-ms-input-placeholder{
  color: green;
  background-color: #F9F7F7;
  font-size: 14px;
}
/*移动端取消touch高亮效果*/
*{
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
/*小三角*/
.triangle{
  /* 基础样式 */
  border:solid 10px transparent;
}
/*下*/
.triangle.bottom{
 border-top-color: green;
}
/*上*/
.triangle.top{
 border-bottom-color: green;
}
/*左*/
.triangle.top{
 border-right-color: green;
}
/*右*/
.triangle.top{
 border-left-color: green;
}
/*屏蔽Webkit移动浏览器中元素高亮效果*/
input,
button{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*禁止文本缩放*/
html {
	-webkit-text-size-adjust: 100%;
}
/*如果要打开缩放功能,则定义下面的全局样式：*/
*{-webkit-text-size-adjust:auto !important;}
/*取消选中边框*/
*:focus { outline: none; }
*:focus {outline-style: none; -moz-outline-style: none; }
/*Firefox下input type=”button”的文字居中*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    border:none;padding:0;
}

/*来改变按钮和其他控件的外观，使其外观类似于原生控件，none移除原生控件样式*/
input,
textarea {
	border: 0;
	-webkit-appearance: none;
}

/*图片移动效果*/
.panoramic1 {
  width: 150px; 
  height: 150px;
  background: url("http://www.w3cplus.com/sites/default/files/blogs/2015/1507/naxos-greece-big.jpg");
  background-size: auto 100%;
  animation: panoramic1 10s linear infinite alternate;
  animation-play-state: paused;
}
.panoramic1:hover,
.panoramic1:focus {
  animation-play-state: running;
}
@keyframes panoramic1 {
  to {
    background-position: 100% 0;
  }
}